<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./bootstrap-3.4.1-dist/css/bootstrap.css">
    <title>Bootstrap模板</title>
</head>
<body>
    <h1>这是一个大标题</h1>
    <table class="table table-hover">
        <tr class="bg-danger">
            <td>序号</td>
            <td>期数</td>
            <td>教室</td>
            <td>教师</td>
            <td>备注</td>
        </tr>
        <tr class="bg-wainer">
            <td>1</td>
            <td>89</td>
            <td>323</td>
            <td>杨某</td>
            <td>无</td>
        </tr>
        <tr>
            <td>2</td>
            <td>85</td>
            <td>332</td>
            <td>王某</td>
            <td>有</td>
        </tr>
        <tr>
            <td>3</td>
            <td>84</td>
            <td>313</td>
            <td>陈某</td>
            <td>无</td>
        </tr>
    </table>
</body>
<script src="./bootstrap-3.4.1-dist/js/jquery-3.5.1.js"></script>
<script src="./bootstrap-3.4.1-dist/js/bootstrap.js"></script>
</html>